<template>
	<view class="z">
		<view class="a"></view>
		<!-- <van-cell is-link title="个人资料" link-type="navigateTo" url="/other_pages/geren_detail/geren_detail" />
		<view class="a"></view>
		<van-cell is-link title="修改密码" link-type="navigateTo" url="/other_pages/geren_detail/geren_detail" /> -->
		<!-- <van-cell is-link title="手机号" link-type="navigateTo" url="/other_pages/geren_detail/geren_detail" /> -->
		<navigator url="/other_pages/geren_detail/geren_detail" hover-class="navigator-hover">
			<view class="c">
				<image src="../../static/dingdan_imgs/hui.png" mode=""
					style="height: 44rpx;width: 44rpx; margin-left: 20rpx;"></image>
				<view class="cl">
					个人资料
				</view>
				<view class="cr">
					<image src="../../static/dingdan_imgs/you.png" mode="" style="height: 24rpx;width: 14rpx;"></image>
				</view>
			</view>
		</navigator>
		<navigator url="/other_pages/login_pages/modify" hover-class="navigator-hover">
			<view class="c">
				<image src="../../static/dingdan_imgs/hui.png" mode=""
					style="height: 44rpx;width: 44rpx; margin-left: 20rpx;"></image>
				<view class="cl">
					修改密码
				</view>
				<view class="cr">
					<image src="../../static/dingdan_imgs/you.png" mode="" style="height: 24rpx;width: 14rpx;"></image>
				</view>
			</view>
		</navigator>
		<navigator url="/other_pages/login_pages/bind" hover-class="navigator-hover">
			<view class="c">
				<image src="../../static/dingdan_imgs/hui.png" mode=""
					style="height: 44rpx;width: 44rpx; margin-left: 20rpx;"></image>
				<view class="cl">
					手机号
				</view>
				<view class="cm">
					111****1111
				</view>
				<view class="cr">
					<image src="../../static/dingdan_imgs/you.png" mode="" style="height: 24rpx;width: 14rpx;"></image>
				</view>
			</view>
		</navigator>
		<navigator url="/other_pages/sanzhanghao_guanli/sanzhanghao_guanli" hover-class="navigator-hover">
			<view class="c">
				<image src="../../static/dingdan_imgs/hui.png" mode=""
					style="height: 44rpx;width: 44rpx; margin-left: 20rpx;"></image>
				<view class="cl">
					第三方账号管理
				</view>
				<view class="cr">
					<image src="../../static/dingdan_imgs/you.png" mode="" style="height: 24rpx;width: 14rpx;"></image>
				</view>
			</view>
		</navigator>
		<navigator url="/other_pages/about_us/about_us" hover-class="navigator-hover">
			<view class="c">
				<image src="../../static/dingdan_imgs/hui.png" mode=""
					style="height: 44rpx;width: 44rpx; margin-left: 20rpx;"></image>
				<view class="cl">
					关于我们
				</view>
				<view class="cr">
					<image src="../../static/dingdan_imgs/you.png" mode="" style="height: 24rpx;width: 14rpx;"></image>
				</view>
			</view>
		</navigator>
		<!-- <van-cell is-link title="第三方账号管理" link-type="navigateTo" url="/other_pages/geren_detail/geren_detail" />
		<view class="a"></view>
		<van-cell is-link title="关于我们" link-type="navigateTo" url="/other_pages/about_us/about_us" /> -->
		<view class="b"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.z {
		background-color: gainsboro;
	}

	.a {
		/* margin-top: 20rpx; */
		height: 0.01rpx;
	}

	.b {
		height: 75vw;
	}

	.c {
		position: relative;
		height: 88rpx;
		margin-top: 20rpx;
		/* margin-bottom: 20rpx; */
		line-height: 88rpx;
		background-color: white;
	}

	.cl {
		position: absolute;
		left: 84rpx;
		top: -7rpx;
		font-size: 34rpx;
	}
.cm{
	position: absolute;
	right: 40rpx;
	top: -7rpx;
	font-size: 34rpx;
}
	.cr {
		position: absolute;
		right: 20rpx;
		top: -7rpx;
	}
</style>
